const QQMapWX = require('./qqmap-wx-jssdk.min.js')
Page({
  qqmapsdk: new QQMapWX({
    key: '4M7BZ-2YFC3-LED3U-YHA76-6IKYV-4AFTW'
  }),
  markIndex: 0,
  markIndex: 0,
  /**
   * 页面的初始数据
   */
  data: {
    mapw: '100%', // 地图宽度
    maph: '0', // 地图高度10　
    scale: '18', // 缩放11　　
    longitude: null, // 地图中心点经度12　　
    latitude: null, // 地图中心点纬度13　　
    markers: null // 标记点
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    this.mapCtx = wx.createMapContext('map')
    this.getMapSize()
  },
  async getMapSize() {
    const r = await wx.getSystemInfoSync()
    const mapw = r.windowWidth
    const maph = r.windowHeight
    const controls = [{
        id: 1,
        iconPath: '',
        postion: {
          left: 0,
          top: 10,
          mapw,
          height: 74
        },
      },
      {
        id: 2,
        // iconPath: '/images/gps.png',
        position: {
          left: 10,
          top: maph - 50,
          width: 40,
          height: 40
        },
        clickable: true
      }, {
        id: 3,
        // iconPath: '/images/gift.png',
        position: {
          left: mapw - 60,
          top: maph - 120,
          width: 40,
          height: 40
        },
        clickable: true
      }, {
        id: 4,
        // iconPath: '/images/cost.png',
        position: {
          left: mapw - 60,
          top: maph - 50,
          width: 40,
          height: 40
        },
        clickable: true
      }
    ]
    console.log(r);
    this.setData({
      maph: maph + 'px',
      controls
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {
    this.getLocation()

  },
  async getLocation() {
    wx.getLocation({
      type: 'gcj02',
      success: res => {
        console.log(res)
        this.setData({
          longitude: res.longitude,
          latitude: res.latitude
        })
        this.getFood()
      }
    })
  },
  getFood() {
    const {
      longitude,
      latitude
    } = this.data
    this.qqmapsdk.search({
      keyword: '餐厅',
      location: {
        longitude,
        latitude
      },
      success: res => {
        console.log(res.data);
        const mark = []
        for (const key in res.data) {
          mark.push({
            iconPath: '',
            id: key,
            latitude: res.data[key].location.lat,
            longitude: res.data[key].location.lng,
            width: 20, //宽
            height: 30, //高
          })
        }
        mark.push({
          iconPath: '',
          id: res.data.length,
          latitude,
          longitude,
          width: 30,
          height: 45
        })
        this.setData({
          markers: mark
        })
      }
    })
  },
  bindControlTap(e) {
    var id = e.controlId4
    if (id === 1) {
      wx.navigateTo({
        url: '/pages/coupon/coupon'
      })
    } else if (id === 2) {
      this.mapCtx.moveToLocation()
    }
  },
  bindRegionChange(e) {
    if (e.type === 'end') {
      this.mapCtx.getCenterLocation({
        success: res => {
          this.setData({
            longitude: res.longitude,
            latitude: res.latitude
          })
          this.getFood()
        }
      })
    }
  },
  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})
